body{
  background-color: black;
  border: 5px solid #c595ff;
}

#head{
  padding: 5px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

h1{
  color: #ff9595;
  text-shadow: -3px 4px 4px #ff4069;
  font-size: 28pt;
  margin: 20px;
  text-decoration: underline;
  text-decoration-color: #ff9527;
}

#nav{
  border: 3px solid #c595ff;
  margin:0%;
  
}

ul{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 3px;
  width: 100%;
}

div{
  margin: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}

li{
  color: #ff5762;
}

a{
  color: #ff9527;
}

.box{
  display: flex;
  align-items: stretch;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: 4px solid #c595ff;
}

img{
  width: 100%;
  height: auto;
  border: 3px double #ff9595;
  margin: 10px;
  padding: 0px;
}

p{
  color: #ff9595;
  text-shadow: -4px 3px 3px #ff4069;
  font-size: 24pt;
  text-decoration: underline;
  text-decoration-color: #ff9527;
  text-align: center;
  padding: 2px;
  margin: 2px;
}

.photocard{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 33%;
  margin: 10px;
  padding:5px;
}

.caption{
  color: white;
  text-shadow: none;
  text-decoration: none;
  font-size: 12pt;
}


.month{
  text-align: center;
}

.pics{
  width: 100%;
}